<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title></title>
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" type="text/css" href="css/page1_history.css"/>
	<style>
		#top_mean{
			width: 100%;
			height: 60px;
			background: #597592;
		}
		#logo{
			width: 170px;
			height: 60px;
		}
		aside{
			width: 170px;
			height: 90%;
			background: #eef3f6;
			position: absolute;
			left: 0;
			border-right: 1px solid #ccc
		}
		footer{
			width: 100%;
			height: 30px;
			background: #405872;
			position: absolute;
			bottom: 0;
			line-height: 30px;
			z-index: 2
		}
		footer>p{
			color: #ccc;
			margin-left: 30px
		}
		.mean_list{
			width: 170px;
			text-align: center;
			height: 60px;
			line-height: 60px;
			font-size: 18px;
			color:#035a8e;
			font-weight: 800;
			border: 1px solid #ccc;
			border-right: none;
			border-top: none;
		}
		.mean_list:nth-of-type(2){
			background: white;
			border-right: none;
		}
		.mean_list:hover{
			background: white;
			border-right: none;
		}
		.mean_list>a{
			text-decoration: none;
			color: #035a8e;
		}
		.mean_list>a>img{
			width: 18px;
			height: 18px;
		}
	</style>
</head>
<body>
	<header>
		<div id="top_mean">
			<img src="img/logo.png" alt="" id="logo">
		</div>
	</header>
	<section>
		<aside>
			<div class="mean_list page1">
				<a href="page1.html">
					<img src="img/home.png" alt="">
					<span>技能考试</span>
				</a>
			</div>
			<div class="mean_list page2">
				<a href="page2.html">
					<img src="img/note.png" alt="">
					<span>考试管理</span>
				</a>	
			</div>
			<div class="mean_list page3">
				<a href="page3.html">
					<img src="img/book.png" alt="">
					<span>题库管理</span>
				</a>
			</div>
		</aside>
		<div id="content">
			<h2 style="color: #5a7592;margin-top: 20px">重启考试</h2>
			<hr>
			<div id="page1_class">
				学科：<select name="subject_type" id="">
						<option value="全部">全部</option>
						<option value="HTML5">HTML5</option>
						<option value="选项二">选项二</option>
						<option value="选项三">选项三</option>
					</select>
				状态：<select name="status" id="">
					<option value="全部">全部</option>
					<option value="待审核">待审核</option>
					<option value="已审核">已审核</option>
					<option value="选项三">选项三</option>
				</select>
			</div>
			<div id="info_wrap">
				<ul id="info_box">
					<li class="info_li info_title">
						<table>
							<tr>
								<td>试卷编号</td>
								<td>创建人</td>
								<td>学科</td>
								<td>当前状态</td>
								<td>操作</td>
							</tr>
						</table>
					</li>
				</ul>
				<ul id="info_content">
					
				</ul>
			</div>
		</div>
	</section>
	<footer>
		<p>才信教育© 2015-2017</p>
	</footer>
</body>
</html>
<script type="text/javascript" src="js/jquery.js"></script>	
<script type="text/javascript">
	function createLi(){
		//生成li标签
		for (var i = 0; i < 20; i++) {
			var aLi = $('<li class="info_li info_content"><table><tr><td class="kaoTime">BJA161221A</td><td class="sudent">孙伟男</td><td class="subject">ios</td><td class="status">未重启</td><td class="detail"><a href="#">重启</a></td></tr></table></li>');
			$("#info_content").append(aLi);
		}
		$("#newButton").click(function(){
			$("#new_problems_wrap").css("display","block");
		})
		$(".cancle").click(function(){
			$("#new_problems_wrap").css("display","none");
		})
		$(".close").click(function(){
			$("#new_problems_wrap").css("display","none");
		})
	}
	createLi();
</script>